<template>
  <div>
    <div style="width: 100%;height: 120px;border: 0.1px solid black">
      <h2>{{FirmName}}有限公司企业工作清单</h2>
      <span style="margin-right: 5%;position: absolute;left: 15%">工商类型：{{GongShangType}}</span>
      <span style="position: absolute;left: 45%">企业类型：{{FirmType}}</span>
      <span style="position: absolute;left: 75%">车辆总数：{{Carcount}}</span>
      <br/>
      <span style="position: absolute;left: 15%">系统自动评分：{{PingFen}}/100分</span>
    </div>
    <table border="1px" cellspacing="0" style="width: 100%;">
      <thead>
        <th style="width: 30px;">序号</th>
        <th style="width: 60px;">工作分类</th>
        <th style="width: 60px;">工作项</th>
        <th style="width: 60px;">工作标准</th>
        <th style="width: 60px;">落实情况</th>
        <th style="width: 60px;">详细情况</th>
      </thead>
      <tbody>
        <tr>
          <td>1</td>
          <td rowspan="5">双重预防机制建设基础保障</td>
          <td>建立组织机构</td>
          <td>企业应成立本单位双重预防机制建设的工作组</td>
          <td>已完善	</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>2</td>
          <td>完善双重预防机制相关制度</td>
          <td>企业建立的安全风险分级管控制度包括但不限于以下内容：风险管理职责、风险辨识、风险评估、风险分级管控、重大风险管理等。 企业建立的事故隐患排查治理制度包括但不限于以下内容：隐患排查治理职责、隐患排查标准清单建立、隐患排查种类和频次、隐患排查计划、隐患排查实施、隐患治理验收等。</td>
          <td>已完善</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>3</td>
          <td>制定双重预防机制建设工作方案</td>
          <td>为确保企业双重预防机制建设的有序开展，企业应在具体工作开展前，组织制定双重预防机制建设工作方案，明确双重预防机制建设的工作目标、实施分工、实施步骤、经费预算与工作要求等内容。</td>
          <td>已完善</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>4</td>
          <td>开展双重预防机制建设培训</td>
          <td>企业应组织本单位双重预防机制建设工作组的所有成员以及其他根据需要参与双重预防机制建设的从业人员进行双重预防机制建设培训</td>
          <td>已完善</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>5</td>
          <td>收集双重预防机制建设相关资料信息</td>
          <td>在开展双重预防机制建设工作前，企业应根据职责分工组织收集、整理指导双重预防机制建设的基础资料</td>
          <td>已完善</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>6</td>
          <td rowspan="4">安全风险分级管控体系建设</td>
          <td>风险辨识</td>
          <td>全面辨识，是生产经营单位为全面掌握本单位风险，全面、系统对本单位生产经营活动开展的风险辨识，道路普通货物运输企业应每年至少开展1次全面辨识工作</td>
          <td>本年已辨识次数/应辨识次数：0/1	</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>


        <tr>
          <td>7</td>
          <td>风险评估	</td>
          <td>风险的大小是根据所识别的致险因素引发生产安全事故的可能性和其造成后果的严重程度综合确定的。道路运输行业在研究安全风险时，应从企业自身可控的方面进行研究，且要从如何控制降低事故发生的可能性方面进行重点研究，从而控制生产安全责任事故发生	</td>
          <td>已完善</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>


        <tr>
          <td>8</td>
          <td>明确风险分级管控要求</td>
          <td>按照风险分级管控原则进行分级管控要求确认</td>
          <td>已完善</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>9</td>
          <td>风险告知</td>
          <td>企业应组织全员学习、了解风险分析结果记录和管控措施，掌握本岗位的风险点、可能导致的事故类型、风险等级、主要致险因素、所需管控措施、应急措施、责任部门、责任人等信息，以风险公告栏、风险告知卡等形式进行公示。</td>
          <td>风险告知数量：2</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>10</td>
          <td rowspan="6">生产安全事故隐患排查治理体系建设</td>
          <td>建立隐患排查标准清单</td>
          <td>风险分级管控清单是企业各层级开展隐患排查，落实隐患治理的“依据”和“向导”。致险因素、风险控制措施等内容即为隐患排查的对象，是隐患排查治理体系的基础，是制订隐患排查标准清单的依据</td>
          <td>已完善</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>11</td>
          <td>策划隐患排查</td>
          <td>企业应按照隐患排查治理制度要求，制定适合本企业的隐患排查计划（计划安排表示例见表12），隐患排查计划至少包括排查类型、内容、层级、责任人、频次及注意事项等。	</td>
          <td>已完善</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>12</td>
          <td>实施隐患排查</td>
          <td>企业应按照和隐患排查清单组织人员进行隐患排查，填写隐患排查记录，形成隐患清单</td>
          <td>已完善</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>13</td>
          <td>落实隐患治理</td>
          <td>隐患排查组织部门应下达隐患整改通知书，对隐患整改责任部门、措施建议、完成期限等提出要求。</td>
          <td>本年隐患治理数量/隐患总数量：32/113</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>14</td>
          <td>做好隐患治理验收</td>
          <td>隐患治理完成后，企业应按照隐患排查治理制度要求，下达隐患整改通知书的部门负责对治理情况进行验收，验收合格后填写整改验收表，并附整改相关材料，实现闭环管理。</td>
          <td>本年隐患验收数量/隐患总数量：32/113</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>15</td>
          <td>通报隐患排查治理情况</td>
          <td>企业应当如实记录事故隐患排查治理情况，并通过职工大会或者职工代表大会、信息公示栏（示例见图9）等方式向从业人员通报。其中，重大事故隐患排查治理情况应当及时向负有安全生产监督管理职责的部门和职工大会或者职工代表大会报告。</td>
          <td>已完善</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>16</td>
          <td rowspan="3">业户基础信息</td>
          <td>经营许可证</td>
          <td>业户应具备经营许可证</td>
          <td>已完善</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>17</td>
          <td>营业执照</td>
          <td>业户应具备营业执照	</td>
          <td>已完善</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>18</td>
          <td>信用评价</td>
          <td>业户应具备信用评价</td>
          <td>已完善</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>19</td>
          <td rowspan="6">车辆技术档案</td>
          <td>道路运输证</td>
          <td>车辆应具备道路运输证	</td>
          <td>缺失：0、逾期：24</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>20</td>
          <td>行驶证</td>
          <td>车辆应具备行驶证</td>
          <td>缺失：0、逾期：24</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>21</td>
          <td>卫星定位装置	</td>
          <td>车辆应具备卫星定位装置</td>
          <td>已完善</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>22</td>
          <td>车载设备</td>
          <td>车辆应具备应急处理器材、环境保护器材等</td>
          <td>已完善</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>23</td>
          <td>车辆保险</td>
          <td>车辆应具备相应保险</td>
          <td>缺失：18、逾期：104</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>24</td>
          <td>车辆维护</td>
          <td>车辆应进行二级维护	</td>
          <td>缺失: 19</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

      <tr>
        <td>25</td>
        <td rowspan="6">人员档案</td>
        <td>身份证	</td>
        <td>从业人员应具备身份证明	</td>
        <td>已完善	</td>
        <td><el-button type="primary" @click="test">详情</el-button></td>
      </tr>

        <tr>
          <td>26</td>
          <td>从业资格证</td>
          <td>从业人员应具备从业资格证</td>
          <td>缺失：0、逾期：2</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>27</td>
          <td>驾驶证	</td>
          <td>从业人员应具备驾驶证	</td>
          <td>缺失：0、逾期：4	</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>28</td>
          <td>两类人员合格证明</td>
          <td>两类人员需具备两类人员资质证明</td>
          <td>已完善</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>29</td>
          <td>信用评价</td>
          <td>从业人员应进行信用评价</td>
          <td>已完善</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>30</td>
          <td>月安全学习</td>
          <td>从业人员应进行月安全学习</td>
          <td>已完善</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>

        <tr>
          <td>31</td>
          <td>动态管控</td>
          <td>动态监控台账</td>
          <td>业户应处理动态监控台账</td>
          <td>已完善</td>
          <td><el-button type="primary" @click="test">详情</el-button></td>
        </tr>
      </tbody>
    </table>




  </div>
</template>

<script setup>
import {ref} from "vue";

const FirmName = ref('重庆市哈哈');

const GongShangType = ref('企业')

const FirmType = ref('货物运输经营')

const Carcount = ref(255)

const PingFen = ref(30)

//详情方法调用
const test = ()=>{
  alert("点击查看详情")
}

</script>

<style scoped>
table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
}
th, td {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
th {
  background-color: #f2f2f2;
}
tr:nth-child(even) {
  background-color: #f9f9f9;
}

table tr:hover {
  background-color: #d9d7d7; /* 设置鼠标悬停时的背景颜色 */
}

</style>